<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="title" content="惊蛰自用小图床">
    <meta name="keywords" content="惊蛰,图床，免费图床,免费图片托管服务,码云">
    <meta name="description" content="使用码云的api达到免费图床的作用-免费图片托管服务">
    <title>登录</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <!-- 引入 layui.css -->
    <link href="https://www.layuicdn.com/layui/css/layui.css" rel="stylesheet">
    <!-- 引入 layui.js -->
    <script src="https://cdn.bootcdn.net/ajax/libs/layui/2.6.8/layui.min.js"></script>
    <style>

    </style>
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery-backstretch/2.0.4/jquery.backstretch.min.js">
    </script>
    <script src="https://cdn.bootcdn.net/ajax/libs/clipboard.js/2.0.8/clipboard.min.js"></script>
    <script src="/js/index.js"></script>
    <style>
        ul {
            display: flex;
            flex-wrap: nowrap;
            justify-content: flex-end;
        }

        ul>li:first-child {
            position: absolute !important;
            left: 25px;
        }

        .layui-input-block {
            padding: 0px 50px 0px 0px;
        }

        .form-div {
            max-width: 500px;
            margin: 0 auto;
        }

        .loginbtn, .regbtn {
            display: flex;
            flex-direction: row;
            align-items: center;
        }
    </style>
</head>

<body>
    <div>
        <ul class="layui-nav">
            <li class="layui-nav-item">自用图床</li>
            <li class="layui-nav-item"><a href="/">主页</a></li>
            <li class="layui-nav-item"><a href="fileList">图库</a></li>
            <li class="user-center layui-nav-item layui-this" style="display: none;">
                <a href="javascript:;">个人中心</a>
                <dl class="layui-nav-child">
                    <dd><a href="/user">个人信息</a></dd>
                    <dd><a href="">修改密码</a></dd>
                    <dd><a href="javascript:;" onclick="loginout()">退出</a></dd>
                </dl>
            </li>
            <li class="user-center layui-nav-item" style="display: none;">
                <a href="/login">登录</a>
            </li>
        </ul>
    </div>
    <div class="form-div">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
            <legend>登录</legend>
        </fieldset>

        <form class="layui-form" action="">
            <div class="layui-form-item">
                <label class="layui-form-label">邮箱</label>
                <div class="layui-input-block">
                    <input type="text" name="email" lay-verify="email" autocomplete="off" placeholder="请输入邮箱"
                        class="layui-input" value="">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">密码</label>
                <div class="layui-input-block">
                    <input type="text" name="password" lay-verify="password" autocomplete="off" placeholder="请输入密码"
                        value="" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item two reg-btn">
                <label class="layui-form-label">确认密码</label>
                <div class="layui-input-block">
                    <input type="text" name="password-two" lay-verify="password-two" autocomplete="off" placeholder="请在输入一次密码"
                        value="" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item loginbtn login-btn">
                <div class="layui-input-block">
                    <a class="layui-btn" onclick="loginUser()">登录</a>
                </div>
                <span>还没有账号？<a onclick="loginQhbtn(1)">点我注册</a></span>
            </div>
            <div class="layui-form-item regbtn reg-btn">
                <div class="layui-input-block">
                    <a class="layui-btn" onclick="regUser()">注册</a>
                </div>
                <span>老用户？<a onclick="loginQhbtn(0)">点我登录</a></span>
            </div>
        </form>
    </div>
    <script>
        $(function(){
            loginQhbtn(0);
        })
    </script>
</body>

</html>